<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:f="http://java.sun.com/jsf/core"
	  xmlns:p="http://primefaces.prime.com.tr/ui">
<h:head>
	<title>Cadastro de Pessoas</title>
</h:head>
<h:body>
	<h:form>
	 <h:panelGrid columns="2">
		<h:outputText value="Nome: " for="nome"/>
		<h:inputText id="nome" value="#{pessoaBean.pessoa.nome}" />
		
		<h:outputText value="Endereco: " for="endereco"/>
		<h:inputText id="endereco" value="#{pessoaBean.pessoa.endereco}" />
		
		<h:outputText value="Numero " for="numero"/>
		<h:inputText id="numero" value="#{pessoaBean.pessoa.numero}" />
		
		<h:outputText value="Bairro: " for="bairro"/>
		<h:inputText id="bairro" value="#{pessoaBean.pessoa.bairro}" />
		
		<h:outputText value="Cidade: " for="cidade"/>
		<h:inputText id="cidade" value="#{pessoaBean.pessoa.cidade}" />
		
		<h:outputText value="Fone: " for="fone"/>
		<h:inputText id="fone" value="#{pessoaBean.pessoa.fone}" />
		
		<h:outputText value="Celular: " for="celular"/>
		<h:inputText id="celular" value="#{pessoaBean.pessoa.celular}" />
		
		<h:outputText value="E-mail: " for="email"/>
		<h:inputText id="email" value="#{pessoaBean.pessoa.email}" />
		
		<h:outputText value="Data de Nascimento: " for="datanasc"/>
		<p:calendar id="datanasc" value="#{pessoaBean.pessoa.datanasc}" />
		
		<h:commandButton value="Salvar" action="#{pessoaBean.salvar}" />
	 </h:panelGrid>
	 
	 <p:dataTable value="#{pessoaBean.pessoas}" var="pessoa">
	 	
	 	<p:column headerText="ID">
	 		<h:outputText value="#{pessoa.id}"/>
	 	</p:column>
	 	
	 	<p:column headerText="Nome">
	 		<h:outputText value="#{pessoa.nome}"/>
	 	</p:column>
	 	
	 	<p:column headerText="Endereco">
	 		<h:outputText value="#{pessoa.endereco}"/>
	 	</p:column>
	 	
	 	<p:column headerText="Numero">
	 		<h:outputText value="#{pessoa.numero}"/>
	 	</p:column>
	 	
	 	<p:column headerText="Bairro">
	 		<h:outputText value="#{pessoa.bairro}"/>
	 	</p:column>
	 	
	 	<p:column headerText="Cidade">
	 		<h:outputText value="#{pessoa.cidade}"/>
	 	</p:column>
	 	
	 	<p:column headerText="Fone">
	 		<h:outputText value="#{pessoa.fone}"/>
	 	</p:column>
	 	
	 	<p:column headerText="Celular">
	 		<h:outputText value="#{pessoa.celular}"/>
	 	</p:column>
	 	
	 	<p:column headerText="E-mail">
	 		<h:outputText value="#{pessoa.email}"/>
	 	</p:column>
	 	
	 	<p:column headerText="Data de Nascimento">
	 		<h:outputText value="#{pessoa.datanasc}"> 
	 			<f:convertDateTime pattern="dd/MM/yyy" dateStyle="full" />
	 		</h:outputText>
	 	</p:column>
	 	
	 	<p:column headerText="Acao">
	 		<f:ajax event="click" listener="#{pessoaBean.remover}">
	 			<h:commandLink value="Remover">
	 				<f:param name="id" value="#{pessoa.id}" />
	 			</h:commandLink>
	 		</f:ajax>
	 	</p:column>
	 	
	 </p:dataTable>
	</h:form>
</h:body>
</html>